<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="共富网、邀请好友">
		<meta name="description" content="共富网、邀请好友得奖励">

		<meta name="author" content="gofull.com.cn">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<link rel="apple-touch-icon-precomposed"
			href="/resrc/img/touch-icon57.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72"
			href="/v2/wchat/resrc/img/touch-icon72.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114"
			href="/v2/wchat/resrc/img/touch-icon114.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144"
			href="/v2/wchat/resrc/img/touch-icon144.png" />
		<link rel="icon" href="/resrc/img/apple-touch-icon.ico">
		<link href="/v2/wchat/resrc/css/global-min.css" type="text/css"
			rel="stylesheet">
		<script src="/v2/wchat/resrc/js/libs/jquery-1.10.2.min.js"
			type="text/javascript"></script>
		<script src="/v2/wchat/resrc/js/global-1.1.0.min.js"
			type="text/javascript"></script>

		<title>我准备了一个2888元红包，不拆不是好朋友！</title>
		<style>
.banner {
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	background: #a3d4fe;
	position: relative
}

.banner .animated {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.banner .userName {
	z-index: 3
}

.banner .friend-logo {
	z-index: 4
}

.banner .userName span {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	font-family: 'Arial';
	position: absolute;
	top: 16%;
	left: 36%
}

.autoimg {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto
}

#wrap {
	background: #43a1f4
}

.invited-rule {
	padding: 30px 45px 15px
}

.invited-rule .invite-now {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
	color: #fff
}

.invited-desc {
	padding: 0 45px 25px;
	font-size: 14px;
	color: #fff
}

.invited-desc ul {
	overflow: hidden
}

.invited-desc li {
	padding: 15px 0 0 15px;
	position: relative
}

.invited-desc li b {
	width: 7px;
	height: 7px;
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 21px
}

#footer {
	color: #fff;
	background: #5db2f6;
	border-top: 1px solid #fff
}

.footer .link {
	padding: 15px 0 0 10px;
	overflow: hidden;
	display: inline-block
}

.footer .link a {
	padding: 0 10px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	float: left;
	margin-right: 8px;
	border: 1px solid #fff;
	border-radius: 5px
}

#footer .safe {
	padding-top: 10px
}

#footer .safe b {
	width: 11px;
	height: 12px;
	background: url(/v2/wchat/resrc/img/event/inviteFriends/safe.png) 0 0
		no-repeat;
	background-size: 11px 12px;
	margin: 3px 3px 0 0
}
</style>
		<link href="/v2/wchat/resrc/css/animate.css" rel="stylesheet">

	</head>
	<body>
		<img src="/v2/wchat/resrc/img/event/inviteFriends/invite-banner.jpg" width="0" height="0">
		<div id="invite"></div>
		<div id="wrap">
			<div class="banner">
				<div class="animated fadeInDown userName">
					<span>${paramMap.refferee}</span>
				</div>
				<div class="animated pulse friend-logo">
					<img class="autoimg" src="/v2/wchat/resrc/img/event/inviteFriends/invited-logo.png">
				</div>
				<div class="animated fadeInUp">
					<img class="autoimg" src="/v2/wchat/resrc/img/event/inviteFriends/invited-banner.png">
				</div>
				<div>
					<img class="autoimg" src="/v2/wchat/resrc/img/event/inviteFriends/invited-bg.jpg">
				</div>
			</div>
			<div class="invited-rule">
				<a href="/wchatRegisterInit.do?param=${paramMap.param}"
					class="invite-now" target="_blank"><img class="autoimg"
						src="/v2/wchat/resrc/img/event/inviteFriends/btn-reg.png">
				</a>
			</div>
			<div class="invited-desc">
				<ul>
					<li>
						<b></b>共富网为您提供安全优质的理财服务
					</li>
					<li>
						<b></b>轻松获取30倍获取存款收益
					</li>
					<li>
						<b></b>共有超过5亿投资已经在共富网完成
					</li>
				</ul>
			</div>
		</div>
		<div id="footer" class="footer">
			<div class="link">
				<a href="/wchatIndex.do" target="_blank">首&nbsp;&nbsp页</a>
				<a href="/wchatHelp.do" target="_blank">帮助中心</a>
				<a href="/v2/wchat/appCommon/event/index.jsp" target="_blank">关于我们</a>
				<a href="/wchatMediaIndex.do" target="_blank">媒体报道</a>
			</div>
			<div class="safe">
				<b class="icon-safe"></b>正在为您提供银行级别的安全保障
			</div>
			<div class="copyright">
				© 2013共富网 Gofull.com.cn
			</div>
		</div>


		<script>
$(function(){
	$('#invite-now').click(function(){
		$('.share-layer').fadeIn();	
	});
	$('.share-layer').click(function(){
		$(this).hide();	
	});

})

 </script>


	</body>
</html>
